<%= render "navbar"%>

<div class="index_slide">
  <img src="http://7i7g8l.com1.z0.glb.clouddn.com/13eea9a630abdc40e4759465ac35c686c5b60ba4-9194a6f11dcd9770798b3946ecf4dbb94a6101e8.jpg" class="slide" alt="">
</div>

<div class="classify">
  <div class="container">
    <h2 class="title">课程分类</h2>
    <h3 class="title_en">COURSE CLASSIFICATION</h3>
    <% 2.times do |i| %>
    <div class="row">
      <div class="col-md-3 col-xs-12">
        <a href="#" class="classify_item">
          <span class="cap">P</span>
          <h5>考研培训</h5>
          
        </a>
        <a href="#" class="classify_item">
          <span class="cap">P</span>
          <h5>考研培训</h5>
          
        </a>
      </div>
      <div class="col-md-3 col-xs-12">
        <a href="#" class="classify_item">
          <span class="cap">P</span>
          <h5>考研培训</h5>
          
        </a>
        <a href="#" class="classify_item">
          <span class="cap">P</span>
          <h5>考研培训</h5>
          
        </a>
      </div>
      <div class="col-md-3 col-xs-12">
        <a href="#" class="classify_item">
          <span class="cap">P</span>
          <h5>考研培训</h5>
          
        </a>
        <a href="#" class="classify_item">
          <span class="cap">P</span>
          <h5>考研培训</h5>
          
        </a>
      </div>
      <div class="col-md-3 col-xs-12">
        <a href="#" class="classify_item">
          <span class="cap">P</span>
          <h5>考研培训</h5>
          
        </a>
        <a href="#" class="classify_item">
          <span class="cap">P</span>
          <h5>考研培训</h5>
          
        </a>
      </div>
    </div>
    <% end %>
  </div>
</div>

<div class="popular">
  <h2 class="title">大学生热门课程</h2>
  <h2 class="title_en">STUDENTS' POPULAR COURSE</h2>
  <p class="desc">大学生课程中最受欢迎的课程</p>
</div>

<div class="vip_popluar">
  <div class="container">
    <h2 class="title">会员卡热门课程</h2>
    <h2 class="title_en">MEMBERSHIP CARD MOST POPULAR COURSE</h2>
    <p class="desc">兴趣类课程中最受欢迎的课程</p>
    <div id="index_vip_slide" class="carousel slide" data-ride="carousel">
      <!-- Indicators -->
      <ol class="carousel-indicators">
        <li data-target="#index_vip_slide" data-slide-to="0" class="active"></li>
        <li data-target="#index_vip_slide" data-slide-to="1"></li>
      </ol>

      <!-- Wrapper for slides -->
      <div class="carousel-inner" role="listbox">
        <div class="item active">
          <a href="#" class="class_block">
            <img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt="">
            <h4 class="title">钢琴</h4>
            <p class="desc">如果你在西瓜校园如果你在西瓜校园如果如果你在西瓜校园如果你在西瓜校园如果</p>
            <p class="prize">￥8888</p>
          </a>
          <a href="#" class="class_block">
            <img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt="">
            <h4 class="title">钢琴</h4>
            <p class="desc">如果你在西瓜校园如果你在西瓜校园如果</p>
            <p class="prize">￥8888</p>
          </a>
          <a href="#" class="class_block">
            <img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt="">
            <h4 class="title">钢琴</h4>
            <p class="desc">如果你在西瓜校园如果你在西瓜校园如果</p>
            <p class="prize">￥8888</p>
          </a>
          <a href="#" class="class_block">
            <img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt="">
            <h4 class="title">钢琴</h4>
            <p class="desc">如果你在西瓜校园如果你在西瓜校园如果</p>
            <p class="prize">￥8888</p>
          </a>
        </div>
        <div class="item">
          <a href="#" class="class_block">
            <img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt="">
            <h4 class="title">钢琴</h4>
            <p class="desc">如果你在西瓜校园如果你在西瓜校园如果</p>
            <p class="prize">￥8888</p>
          </a>
          <a href="#" class="class_block">
            <img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt="">
            <h4 class="title">钢琴</h4>
            <p class="desc">如果你在西瓜校园如果你在西瓜校园如果</p>
            <p class="prize">￥8888</p>
          </a>
          <a href="#" class="class_block">
            <img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt="">
            <h4 class="title">钢琴</h4>
            <p class="desc">如果你在西瓜校园如果你在西瓜校园如果</p>
            <p class="prize">￥8888</p>
          </a>
          <a href="#" class="class_block">
            <img class="class_img" src="http://7i7g8l.com1.z0.glb.clouddn.com/a9b0210c90f6e8a609d4d7d83cde8077e15a2fab-35507c40afdb707a661bf5c7e071cec564ab3655.png" alt="">
            <h4 class="title">钢琴</h4>
            <p class="desc">如果你在西瓜校园如果你在西瓜校园如果</p>
            <p class="prize">￥8888</p>
          </a>
        </div>
      </div>

      <!-- Controls -->
      <a class="left arrow fa fa-angle-left" href="#index_vip_slide" role="button" data-slide="prev">
      </a>
      <a class="right arrow fa fa-angle-right" href="#index_vip_slide" role="button" data-slide="next">
      </a>
    </div>
  </div>
</div>

<div class="special container">
  <h2 class="title">优惠活动</h2>
  <h2 class="title_en">SPECIAL OFFER</h2>
  <p class="desc">西瓜校园专为学员推出的各种优惠课程、福利及活动</p>
  <div class="row">
    <div class="col-md-6 col-xs-12">
      <div class="special_img"></div>
      <div class="row">
        <div class="col-xs-2">
          <div class="special_date">
            <div class="day">17</div>
            <div class="month">7月</div>
          </div>
        </div>
        <div class="col-xs-10">
          <div class="special_desc">
            <h4 class="title">宁波高校培训嘉年华</h4>
            <p>宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华</p>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-6 col-xs-12">
      <div class="special_img"></div>
      <div class="row">
        <div class="col-xs-2">
          <div class="special_date">
            <div class="day">17</div>
            <div class="month">7月</div>
          </div>
        </div>
        <div class="col-xs-10">
          <div class="special_desc">
            <h4 class="title">宁波高校培训嘉年华</h4>
            <p>宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华宁波高校培训嘉年华</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<div class="cooperation container">
  <h2 class="title">合作机构</h2>
  <h2 class="title_en">CO-OPERATING AGENCY</h2>
  <div class="row logo_row">
    <% 10.times do |i| %>
      <img src="http://7i7g8l.com1.z0.glb.clouddn.com/bfbe91c66a40c84b0c7ebe90fcd508a8142d2200-ea90133b7e8c58233345b4be99afe93b7c0e10ab.png" alt="">
    <% end %>
  </div>
</div>

<div class="about">
  <h2 class="title">关于我们</h2>
  <h2 class="title_en">ABOUT US</h2>
  <p class="about_us_desc">
    西瓜校园(xiguaschool.com)，一个专做大学生培训的网站<br>是中国教育领域新兴的教育平台，致力于用互联网的方式来帮助学员<br>找到自己最想要的课程信息，提出想培训就上西瓜校园的理念。<br>提供最便捷，最优质、最专业的教育服务。
  </p> 
  <div class="container">
    <div class="row">
      <div class="col-md-3 col-xs-12 about_item">
        <div class="item_content">
          <span class="icon"><i class="fa fa-envelope"></i></span>
          <h3>联系我们</h3>
          <p>微信: xgschool</p>
          <p>地址: 宁波市镇海区中官路1188号G座</p>
          <p>办事处: 宁波工程学院东校区创业基地D8-2</p>
        </div>
      </div>
      <div class="col-md-3 col-xs-12 about_item">
        <div class="item_content">
          <span class="icon"><i class="fa fa-users"></i></span>
          <h3>招聘信息</h3>
          <p>欢迎志同道合之士加入我们共同创造未来!</p>
          <p>招聘详情请点击这里</p>
        </div>
      </div>
      <div class="col-md-3 col-xs-12 about_item">
        <div class="item_content">
          <span class="icon"><i class="fa fa-building"></i></span>
          <h3>机构合作</h3>
          <p>我们正在努力扩大与各类教育培训机构的合作范围，入驻事项请联系客服</p>
        </div>
      </div>
      <div class="col-md-3 col-xs-12 about_item">
        <div class="item_content">
          <span class="icon"><i class="fa fa-phone"></i></span>
          <h3>客服热线</h3>
          <p>0574-55838171</p>
        </div>
      </div>
    </div>
  </div>
</div>
